<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>网站首页</title>
    <link data-filtered="filtered" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"
          rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <link href="../static/css/index.css" rel="stylesheet">
    <script src="../static/js/index.js"></script>
</head>
<body>
<!-- 导航栏 -->
<nav class="ui inverted attached segment grid check-all">
    <div class="ui three wide column header-text">
        <h2 class="ui header teal">倾心Yatoli</h2>
    </div>
    <div class="ui thirteen wide column">
        <div class="ui secondary pointing inverted menu">

            <a class="active item" href="./index.html"><i class="home icon"></i> 网站首页</a>
            <a class="item" href="./article.html"><i class="file alternate icon"></i> 文章专栏</a>
            <a class="item" href="./archive.html"><i class="calendar alternate outline icon"></i> 归档处理</a>
            <a class="item" href="./404.html"><i class="pencil alternate icon"></i> 等待开发</a>
            <a class="item" href="./about.html"><i class="paper plane outline icon"></i> 关于本站</a>
            <div class="right menu">
                <div class="item">
                    <div class="ui inverted transparent icon input">
                        <input placeholder="等待开发..." type="text">
                        <i class="search link icon"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</nav>


<!-- 内容页 -->
<div class="ui grid">

    <!-- 左侧留白 -->
    <div class="three wide column check-all">

    </div>

    <!-- 博客栏 -->
    <div class="six wide column ui container segment blog-page check-all">
        <div class="ui container segment check-all">
            <div class="ui grid">
                <div class="six wide column">
                    <img alt="" class="ui centered small image bordered rounded" src="../static/image/西施.png">
                </div>
                <div class="ten wide column">
                    <h3 class="blog-col"><a class="" href="./blog.html">SpringBoot自动装配原理</a>
                        <div class="ui green label mini ">原创</div>
                    </h3>
                    <p>
                        理想不是现成的粮食，而是一粒种子，需要你去播种，培育；理想不是壮美的画卷，而是一张白纸，需要你去描绘，渲染；理想不是葱茏的绿洲，而是一片荒漠，需要你去开垦，改造。

                    </p>
                </div>
            </div>
            <div>
                <div class="blog-state-bar">
                    <i class="clock outline icon"></i>2021-02-21 16:04:12
                    <i class="pencil alternate icon"></i>倾心Yatoli
                    <i class="eye icon"></i>2021
                    <i class="tags icon"></i>SpringBoot
                </div>
            </div>
        </div>
        <div class="ui container segment check-all">
            <div class="ui grid">
                <div class="six wide column">
                    <img alt="" class="ui centered small image bordered rounded" src="../static/image/西施.png">
                </div>
                <div class="ten wide column">
                    <h3 class="blog-col"><a class="" href="./blog.html">SpringBoot自动装配原理</a>
                        <div class="ui green label mini ">原创</div>
                    </h3>
                    <p>
                        理想不是现成的粮食，而是一粒种子，需要你去播种，培育；理想不是壮美的画卷，而是一张白纸，需要你去描绘，渲染；理想不是葱茏的绿洲，而是一片荒漠，需要你去开垦，改造。

                    </p>
                </div>
            </div>
            <div>
                <div class="blog-state-bar">
                    <i class="clock outline icon"></i>2021-02-21 16:04:12
                    <i class="pencil alternate icon"></i>倾心Yatoli
                    <i class="eye icon"></i>2021
                    <i class="tags icon"></i>SpringBoot
                </div>
            </div>
        </div>
        <div class="ui container segment check-all">
            <div class="ui grid">
                <div class="six wide column">
                    <img alt="" class="ui centered small image bordered rounded" src="../static/image/西施.png">
                </div>
                <div class="ten wide column">
                    <h3 class="blog-col"><a class="" href="./blog.html">SpringBoot自动装配原理</a>
                        <div class="ui green label mini ">原创</div>
                    </h3>
                    <p>
                        理想不是现成的粮食，而是一粒种子，需要你去播种，培育；理想不是壮美的画卷，而是一张白纸，需要你去描绘，渲染；理想不是葱茏的绿洲，而是一片荒漠，需要你去开垦，改造。

                    </p>
                </div>
            </div>
            <div>
                <div class="blog-state-bar">
                    <i class="clock outline icon"></i>2021-02-21 16:04:12
                    <i class="pencil alternate icon"></i>倾心Yatoli
                    <i class="eye icon"></i>2021
                    <i class="tags icon"></i>SpringBoot
                </div>
            </div>
        </div>
        <div class="ui container segment check-all">
            <div class="ui grid">
                <div class="six wide column">
                    <img alt="" class="ui centered small image bordered rounded" src="../static/image/西施.png">
                </div>
                <div class="ten wide column">
                    <h3 class="blog-col"><a class="" href="./blog.html">SpringBoot自动装配原理</a>
                        <div class="ui green label mini ">原创</div>
                    </h3>
                    <p>
                        理想不是现成的粮食，而是一粒种子，需要你去播种，培育；理想不是壮美的画卷，而是一张白纸，需要你去描绘，渲染；理想不是葱茏的绿洲，而是一片荒漠，需要你去开垦，改造。

                    </p>
                </div>
            </div>
            <div>
                <div class="blog-state-bar">
                    <i class="clock outline icon"></i>2021-02-21 16:04:12
                    <i class="pencil alternate icon"></i>倾心Yatoli
                    <i class="eye icon"></i>2021
                    <i class="tags icon"></i>SpringBoot
                </div>
            </div>
        </div>
        <div class="ui container segment check-all">
            <div class="ui grid">
                <div class="six wide column">
                    <img alt="" class="ui centered small image bordered rounded" src="../static/image/西施.png">
                </div>
                <div class="ten wide column">
                    <h3 class="blog-col"><a class="" href="./blog.html">SpringBoot自动装配原理</a>
                        <div class="ui green label mini ">原创</div>
                    </h3>
                    <p>
                        理想不是现成的粮食，而是一粒种子，需要你去播种，培育；理想不是壮美的画卷，而是一张白纸，需要你去描绘，渲染；理想不是葱茏的绿洲，而是一片荒漠，需要你去开垦，改造。

                    </p>
                </div>
            </div>
            <div>
                <div class="blog-state-bar">
                    <i class="clock outline icon"></i>2021-02-21 16:04:12
                    <i class="pencil alternate icon"></i>倾心Yatoli
                    <i class="eye icon"></i>2021
                    <i class="tags icon"></i>SpringBoot
                </div>
            </div>
        </div>
        <div class="ui container segment check-all">
            <div class="ui grid">
                <div class="six wide column">
                    <img alt="" class="ui centered small image bordered rounded" src="../static/image/西施.png">
                </div>
                <div class="ten wide column">
                    <h3 class="blog-col"><a class="" href="./blog.html">SpringBoot自动装配原理</a>
                        <div class="ui green label mini ">原创</div>
                    </h3>
                    <p>
                        理想不是现成的粮食，而是一粒种子，需要你去播种，培育；理想不是壮美的画卷，而是一张白纸，需要你去描绘，渲染；理想不是葱茏的绿洲，而是一片荒漠，需要你去开垦，改造。

                    </p>
                </div>
            </div>
            <div>
                <div class="blog-state-bar">
                    <i class="clock outline icon"></i>2021-02-21 16:04:12
                    <i class="pencil alternate icon"></i>倾心Yatoli
                    <i class="eye icon"></i>2021
                    <i class="tags icon"></i>SpringBoot
                </div>
            </div>
        </div>

        <div class="ui inverted section divider"></div>
        <div class="ui grid page-info">
            <div class="five wide column">
                <h4><a class="ui btn btn-primary left" href="">上一页</a></h4>
            </div>
            <div class="six wide column">
                <h4>当前页：1</h4>
            </div>
            <div class="five wide column">
                <h4><a class="ui btn btn-primary left" href="">下一页</a></h4>
            </div>
        </div>
    </div>

    <!-- 信息栏 -->
    <div class="four wide column brief-introduction">
        <div class="ui container segment check-all">
            <div>
                <img alt="" class="ui centered small circular image"
                     src="../static/image/827f8a0a8178ab17f694e01243dd2ec.jpg">
            </div>
            <div>
                <h1 class="ui header teal">倾心Yatoli</h1>
            </div>
            <div>
                <h4>一枚Java渣 但行好事 莫问前程</h4>
            </div>
            <div class="ui inverted section divider"></div>
        </div>
        <div class="ui container segment check-all">
            <div>
                <h3 class="ui header red">热文排行</h3>
                <div class="ui inverted section divider"></div>
                <li>
                    <p class="ui red circular label">1</p>
                    <a href="./blog.html">SpringBoot之参数校验详解</a>
                </li>
                <li>
                    <p class="ui orange circular label">2</p>
                    <a href="">SpringBoot之从零搭建博客网站</a>
                </li>
                <li>
                    <p class="ui yellow circular label">3</p>
                    <a href="">Spring面试题总结</a>
                </li>
                <li>
                    <p class="ui blue circular label">4</p>
                    <a href="">Java基础总结</a>
                </li>
                <li>
                    <p class="ui blue circular label">5</p>
                    <a href="">SpringBoot+Thymeleaf实现分页</a>
                </li>
                <li>
                    <p class="ui blue circular label">6</p>
                    <a href="">ECharts简单的运行示列</a>
                </li>
                <li>
                    <p class="ui blue circular label">7</p>
                    <a href="">Spring Security 之自定义UserDetails</a>
                </li>
                <li>
                    <p class="ui blue circular label">8</p>
                    <a href="">JS获取url参数</a>
                </li>
            </div>
        </div>
    </div>

    <!-- 右侧留白 -->
    <div class="three wide column check-all">

    </div>
</div>


<!-- 页脚栏 -->
<footer class="ui inverted attached divided vertical segment footer-padding check-all">
    <div class="ui inverted divided grid">
        <div class="ui center aligned three wide column">
            <h4 class="ui inverted header ">项目参考</h4>
            <div class="ui inverted link list">
                <a class="ui item" href="https://spring.io/">SpringBoot</a>
                <a class="ui item" href="https://semantic-ui.com/introduction/getting-started.html">Semantic</a>
                <a class="ui item" href="https://layui.org.cn/">Layui</a>
                <a class="ui item" href="http://apenixx.top/article/index/1">ApeNixX</a>
            </div>
        </div>
        <div class="ui center aligned three wide column">
            <h4 class="ui inverted header ">最新博客</h4>
            <div class="ui inverted link list">
                <a class="ui item" href="./404.html">等待开发</a>
            </div>
        </div>
        <div class="ui center aligned three wide column">
            <h4 class="ui inverted header ">联系我们</h4>
            <div class="ui inverted link list">
                <p class="ui item" href="">Email：921108257@qq.com</p>
                <p class="ui item" href="">WeChat：Adore921108257</p>
                <p class="ui item" href="">QQ：921108257</p>
            </div>
        </div>
        <div class="ui center aligned seven wide column">
            <h4 class="ui inverted header">精美语句</h4>
            <p>
                理想不是现成的粮食，而是一粒种子，需要你去播种，培育；理想不是壮美的画卷，而是一张白纸，需要你去描绘，渲染；理想不是葱茏的绿洲，而是一片荒漠，需要你去开垦，改造。
            </p>
        </div>

    </div>
    <div class="ui inverted section divider"></div>
    <p class="header-text">Copyright© 2022 - 2023 AdoreYatoliDesign By HJL</p>
</footer>
</body>
</html>